<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter()

   const props = defineProps<{
    title?:string,
    rightText?:string
    back?: () => void
   }>()

   const onClickLeft=()=>{
    if (props.back) {
        return props.back()
    }
    // 1、返回时到其他页面点进来时的那个页面  

        // histry对象是属于window的
    if(history.state.back){
            router.back()
    }else{
        // 2、没有其他页面时，点返回时让其跳到首页
            router.push('/')
    }
   }


   


   const onClickRight=()=>{
    console.log(22)
   }


</script>

<template>
    <van-nav-bar
    left-arrow
    fixed
    :title="title"
    :right-text="rightText"    
    @click-left="onClickLeft"
    @click-right="onClickRight"
    />

</template>